<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>模板</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="#"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<img src="img/buy-car.png"/>
										<b> (0) </b>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
					</div>
					<div class="search-box">
						<form action="#">
							<input type="text" placeholder="search" />
							<input type="image" src="img/search.png" />
						</form>
						<div>
							<ul>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
								<li><a href="javascript:void(0)">地板</a></li>
								<li><a href="javascript:void(0)">池板</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<!--导航栏-->
			<div class="setion">
				<div class="setion-nav clearfix"> 
					<ul class="clearfix">
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">木工</a>
							<div class="setion-ul-box">
								<div class="setion-ul-content clearfix">
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">板材</li>
											<li><a href="#">装饰面板</a></li>
											<li><a href="#">宝丽版</a></li>
											<li><a href="#">三聚氰胺版</a></li>
											<li><a href="#">铝朔版</a></li>
											<li><a href="#">多层版</a></li>
											<li><a href="#">中纤版</a></li>
											<li><a href="#">细木工板</a></li>
											<li><a href="#">刨花版</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">欧松板</a></li>
											<li><a href="#">防火板</a></li>
											<li><a href="#">密度板</a></li>
											<li><a href="#">其他板材</a></li>
										</ul>
									</div>
									<div class="text2 fl">
										<ul>
											<li class="title">地板</li>
											<li><a href="#">实木地板</a></li>
											<li><a href="#">实木复合地板</a></li>
											<li><a href="#">强化复合地板</a></li>
											<li><a href="#">竹地板</a></li>
											<li><a href="#">软木地板</a></li>
											<li><a href="#">塑料地板</a></li>
											<li><a href="#">PVC地板</a></li>
											<li><a href="#">其他地板</a></li>
										</ul>
									</div>
									<div class="setion-text fl">
										<ul class="fl">
											<li class="title">木线</li>
											<li><a href="#">普通龙骨</a></li>
											<li><a href="#">精品龙骨</a></li>
											<li><a href="#">顶线</a></li>
											<li><a href="#">门线</a></li>
											<li><a href="#">角线</a></li>
											<li><a href="#">木方线</a></li>
											<li><a href="#">收口线</a></li>
											<li><a href="#">花木线</a></li>
										</ul>
										<ul class="setion-text2 fl">
											<li><a href="#">踢脚线</a></li>
											<li><a href="#">定制木线</a></li>
											<li><a href="#">其它木线</a></li>
										</ul>
								    </div>
								    <div class="setion-text fl">
										<ul class="fl">
											<li class="title">地板配件</li>
											<li><a href="#">地板钉</a></li>
											<li><a href="#">扣条</a></li>
											<li><a href="#">地垫</a></li>
											<li><a href="#">地板蜡</a></li>
											<li><a href="#">地板清洁剂</a></li>
											<li><a href="#">底板防水油</a></li>
											<li><a href="#">地板修补剂</a></li>
											<li><a href="#">甲醇清除剂</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">地板安装工具</a></li>
											<li><a href="#">其他地板配件 </a></li>
										</ul>
								    </div>
								    <div class="text2 fl">
										<ul>
											<li class="title">吊顶钢龙骨</li>
											<li><a href="#">吊筋</a></li>
											<li><a href="#">吊钢</a></li>
											<li><a href="#">轻钢龙骨</a></li>
											<li><a href="#">扣板龙骨</a></li>
											<li><a href="#">铝合金龙骨</a></li>
											<li><a href="#">其它吊件</a></li>
										</ul>
								    </div>
								    <div class="setion-text4 fl">
										<ul class="fl">
											<li class="title">木工类五金</li>
											<li><a href="#">拉手</a></li>
											<li><a href="#">锁</a></li>
											<li><a href="#">合页</a></li>
											<li><a href="#">铰链</a></li>
											<li><a href="#">插销</a></li>
											<li><a href="#">门夹</a></li>
											<li><a href="#">碰珠</a></li>
											<li><a href="#">脚轮</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">闭门器</a></li>
											<li><a href="#">地弹簧</a></li>
											<li><a href="#">吊轮</a></li>
											<li><a href="#">导轨</a></li>
											<li><a href="#">螺栓</a></li>
											<li><a href="#">钉</a></li>
											<li><a href="#">角码</a></li>
											<li><a href="#">螺母</a></li>
										</ul>
										<ul class="setion-text3 fl">
											<li><a href="#">围网</a></li>
											<li><a href="#" style="width: 84px;">其他木工五金</a></li>
										</ul>
								    </div>
								</div>
							</div>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">泥水工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">油漆工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">水电工</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">门窗/其他</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">装修工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">消费工具</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">建筑防护</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">精细化学品</a>
						</li>
						<li>
							<div class="line"></div>
							<a href="javascript:void(0)">定制/非标准</a>
						</li>
					</ul>
				</div>
			</div>
			<!--内容-->
			<div class="content">
				
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
